<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>管理收货地址</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/address.css" />		
		<script type="text/javascript" src="js/js3city.js"></script>
		<script src="js/address.js" type="text/javascript"></script>

	</head>

	<body>

		<div class="header_box">
			<div class="header">
				<p>您好，欢迎光临波士蒙斯商城</p>|
				<a href="login.html">您好！路人甲</a>
				<div class="header_right">
					<div class="use">
						<p id="use">我的波士蒙斯</p>|
						<ul id="core" style="display: none;">
							<li>
								<a href="user.html">我的用户中心</a>
							</li>
							<li>
								<a href="shop_cart.html">我的购物车</a>
							</li>
							<li>
								<a href="order.html">我的订单</a>
							</li>
							<li>
								<a href="#">我的收藏</a>
							</li>
							<li>
								<a href="comments.html">我的评价</a>
							</li>
							<li>
								<a href="#">我的余额</a>
							</li>
						</ul>
					</div>
					<a href="#">网站导航</a>|
					<a href="#">帮助中心</a>|
				</div>
			</div>
		</div>
		<div class="nav">
			<div class="logo">
				<a href="index.html"><img src="img/e.png" /></a>
			</div>
			<div class="search_box">
				<div class="search">
					<from>
						<input type="text" class="search_text" value />
						<input type="button" class="search_button" value="搜索" />
					</from>
				</div>
				<div class="search_tip">
					<ul>
						<li>
							<a href="#">花花公子</a>
						</li>
						<li>
							<a href="#">GXG</a>
						</li>
						<li>
							<a href="#">森马</a>
						</li>
						<li>
							<a href="#">美特斯邦威</a>
						</li>
						<li>
							<a href="#">七匹狼</a>
						</li>
						<li>
							<a href="#">特步</a>
						</li>
						<li>
							<a href="#">李宁</a>
						</li>
						<li>
							<a href="#">鸿星尔克</a>
						</li>
					</ul>
				</div>
			</div>
			<img src="img/r.png" />
		</div>
		<div class="menu">
			<h2>商品分类</h2>

			<ul>
				<li class="on">
					<a href="index.html">新品上市</a>
				</li>
				<li>
					<a href="shop_list.html">特惠商品</a>
				</li>
				<li>
					<a href="shop_list.html">团购专区</a>
				</li>
				<li>
					<a href="shop_list.html">秒杀</a>
				</li>
				<li>
					<a href="shop_list.html">海外品牌</a>
				</li>
				<li>
					<a href="shop_list.html">国内品牌</a>
				</li>
				<li>
					<a href="shop_list.html">会员专区</a>
				</li>
			</ul>

		</div>
		<div class="center">
			<div class="center_list">
				<dl>
					<dt>个人中心</dt>
					<dd>
						<a href="user.html">我的用户中心</a>
					</dd>
					<dd>
						<a href="shop_cart.html">我的购物车</a>
					</dd>
					<dd>
						<a href="order.html">我的订单</a>
					</dd>
					<dd>
						<a href="#">我的收藏</a>
					</dd>
					<dd>
						<a href="comments.html">我的评价</a>
					</dd>
					<dd>
						<a href="#">我的余额</a>
					</dd>
					<dt>我的帐户</dt>
					<dd class="on">
						<a href="address.html">地址管理</a>
					</dd>
					<dd>
						<a href="user.html">个人中心</a>
					</dd>
					<dt>我要退款</dt>
					<dd>
						<a href="#">系统信息</a>
					</dd>
					<dd>
						<a href="#">举报系统</a>
					</dd>
				</dl>
			</div>
			<div class="center_box">
				<h3>新增收货地址</h3>
				<div class="n_address">
					<form>
						<dl>
							<dt><p>新增收货地址<span>电话号码、手机号码选填一项其余选项全部填写</span></p></dt>
							<dd>
								<p>收货人姓名：<i>*</i></p>
								<input type="text" />
							</dd>
							<dd>
								<p>所&nbsp;在&nbsp;地&nbsp;区：</p>
								<fieldset class="i">
									<select id="shen"></select>
									<select id="city"></select>
									<select id="xian"></select>
								</fieldset>

								<script type="text/javascript">
									addressInit('shen', 'city', 'xian', '中国大陆', '城市', '县区');
								</script>
							</dd>
							<dd>
								<p>街&nbsp;道&nbsp;地&nbsp;址：</p>
								<input type="text" />
							</dd>
							<dd>
								<p>手&nbsp;机&nbsp;号&nbsp;码：
									<i>*</i></p>
								<input type="text" />
							</dd>
						</dl>
						<input id="submit" type="submit" value="保存" />
					</form>
				</div>

				<h3>管理收货地址</h3>
				<div class="m_address">
					<span id="line"></span>
					<table border="0" id="table">
						<col width="100" />
						<col width="175" />
						<col width="140" />
						<col width="170" />
						<col width="110" />
						<col width="243" />
						<tbody>
							<tr>
								<th>收货人姓名</th>
								<th>所在地区</th>
								<th>详细地址</th>
								<th>手机号码</th>
								<th>邮编</th>
								<th>操作</th>
							</tr>
							<tr>
								<td>路人甲</td>
								<td>广西省 南宁市</td>
								<td style="padding-top: 40px;text-align: left;">广西壮族自治区南宁市 良庆区 大沙田前进路110号 </td>
								<td>132******80</td>
								<td>530219</td>
								<td style="line-height: 30px;padding-top: 10px;">
									<a href="javascript:void(0)" class="delete">刪除</a><br>
									<a href="#">編輯</a>
								</td>
							</tr>

							<tr>
								<td>路人甲</td>
								<td>广西省 南宁市</td>
								<td style="padding-top: 40px;text-align: left;">广西壮族自治区南宁市 西乡塘区 大学东路102号店铺 </td>
								<td>137******70</td>
								<td>530219</td>
								<td style="line-height: 30px;padding-top: 10px;">
									<a href="javascript:void(0)" class="delete">刪除</a><br>
									<a href="#">編輯</a>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="page_box">
					<a href="#">上一页</a>
					<a class="on" href="#">1</a>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					...
					<a href="#">123</a>
					<a href="#">下一页</a>
				</div>
			</div>
		</div>
		<div class="footer">
			<ul>
				<li><img src="img/j.png" />
					<h2>正品保障</h2>
					<p>正品保障 提供发票</p>
				</li>
				<li><img src="img/k.png" />
					<h2>急速物流</h2>
					<p>如约送货 送货入户</p>
				</li>
				<li><img src="img/l.png" />
					<h2>售后无忧</h2>
					<p>退换无忧 维权无忧</p>
				</li>
				<li><img src="img/z.png" />
					<h2>特色服务</h2>
					<p>私人订制休闲套餐</p>
				</li>
			</ul>
			<div class="mod_help">

				<dl>
					<dt>购物指南</dt>
					<dd>
						<a href="#">导购演示</a>
					</dd>
					<dd>
						<a href="#">免费注册</a>
					</dd>
					<dd>
						<a href="#">会员等级</a>
					</dd>
					<dd>
						<a href="#">常见问题</a>
					</dd>
					<dd>
						<a href="#">品牌大全</a>
					</dd>
				</dl>

				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="#">网银支付</a>
					</dd>
					<dd>
						<a href="#">快捷支付</a>
					</dd>
					<dd>
						<a href="#">分期支付</a>
					</dd>
					<dd>
						<a href="#">货到付款</a>
					</dd>
				</dl>

				<dl>
					<dt>物流配送</dt>
					<dd>
						<a href="#">免运费政策</a>
					</dd>
					<dd>
						<a href="#">配送服务承诺</a>
					</dd>
					<dd>
						<a href="#">验货签收</a>
					</dd>
					<dd>
						<a href="#">物流查询</a>
					</dd>
				</dl>

				<dl>
					<dt>售后服务</dt>
					<dd>
						<a href="#">退换货政策</a>
					</dd>
					<dd>
						<a href="#">退换货流程</a>
					</dd>
					<dd>
						<a href="#">购买延保服务</a>
					</dd>
					<dd>
						<a href="#">退款说明</a>
					</dd>
					<dd>
						<a href="#">退换货申请</a>
					</dd>
				</dl>

				<dl>
					<dt>商家服务</dt>
					<dd>
						<a href="#">商家入驻</a>
					</dd>
					<dd>
						<a href="#">培训中心</a>
					</dd>
					<dd>
						<a href="#">广告服务</a>
					</dd>
					<dd>
						<a href="#">商家帮助</a>
					</dd>
					<dd>
						<a href="#">服务市场</a>
					</dd>
					<dd>
						<a href="#">规则中心</a>
					</dd>
				</dl>

				<dl>
					<dt>身边商城</dt>
					<dd>
						<a href="#">连锁门店</a>
					</dd>
					<dd>
						<a href="#">地理位置</a>
					</dd>
					<dd>
						<a href="#">为您服务</a>
					</dd>
				</dl>

			</div>
			<div class="copyright">
				<p>Copyright © 2017 Adobe Systems Software Ireland Ltd. All rights reserved</p>
			</div>
		</div>
	</body>

</html>